.logo{ padding-left:40px; padding-top:5px;}
.header{
border-top-right-radius:1em;
border-bottom-right-radius:1em;
font-family:'Niconne',cursive;
/*font-family:'Varela Round',sans-serif;*/
}
.content{ background-color:#FFFFFF;/*font-family:'Niconne',cursive;*/margin-top:30px;}
.dootted{ border: medium dashed #FF4D4D; padding:10px;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;}
.font1{ font-family:calibri; font-size:12px; font-weight:normal; color:#666666;}
.font2{ font-size:10px;}
.kotak{ border:thin dotted #CCCCCC;}
.kotak1{}
div.kotak1:hover{ background-color:#c6c6c6}
.tinggitextbox{ height:25px;}
div.img {
    margin: 10px;
    padding: 8px;
    border: 1px solid #CCCCCC;
    height: auto;
	min-height:246px;
    width: auto;
    float: left;
    text-align: center;
}	

div.img img {
    display: inline;
    margin: 5px;
    border: 1px solid #ffffff;
}

div.img a:hover img {
    border: 1px solid #FF6666; 
	-webkit-box-shadow: 0 5px 20px #FF8080;
  -moz-box-shadow: 0 5px 20px #FF8080;
  box-shadow: 0 5px 20px #FF8080;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

div.desc {
  text-align: left;
  font-size:12px;
  color:#CC0000;
  font-weight:600;
  width: auto;
  margin: 5px 5px 1px 5px ;
}
.arrow1 {
    margin: 2px;
    padding: 1px;
    height: auto;
	min-height:246px;
    width: 20px;
    float: left;
    padding-top:65px;
}	
.arrow2{ margin-right:15px;
    height: auto;
	min-height:246px;
    width: 20px;
    float: left;
    padding-top:65px;}

.hr2{ border:thin dashed #E0E0E0; margin-bottom:8px; margin-top:8px;}
.hr3{border-top:medium double #CCCCCC; padding-top:10px; padding-bottom:10px; font-weight:600;}

.baca{ font-size:9px; color:#333333; text-align:left; margin:1px 5px 5px 5px;}
.ukurangambar{ width:116px; height:180px;}
.iklan{ width:100%; height:518px;}
.paddfooter{ margin-top:0px; margin-bottom:0px; background-color:#CCCCCC; padding-bottom:5px; padding-top:20px;
background-image: url();}
/*.ukurangambar{ width:136px; height:180px;}*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

.backjudul{background-color:#E7E6E6; margin-top:20px; padding:2px; }
h7{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;padding:3px; font-size:16px;}
h8{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;font-size:16px; font-weight:600; text-transform:capitalize}
h9{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;font-size:20px; font-weight:600; text-transform:capitalize}
#body{ background-color:#fdece5;}
.colorheader{ 
background-color:#e30613; 
border-top:#f28b73 medium solid; border-bottom:#000000 thin solid; height:50px;}
.fotoprofil{ width:15em; height:150px;}
.fotoprofil2{ width:18em; height:23em;}
.noborder{border-left:none; border-right:none;}
.judulkolom{border-top:medium double #CCCCCC; padding-top:10px; padding-bottom:10px; font-weight:600;}
.maxsize{ width:82%; text-align:justify}
.paragrafcerita{ text-align:justify; font-size:13px; line-height:25px; font-family:arial;max-height: 2692px;}
.kotakcerita{border:thin dotted #CCCCCC; padding:15px;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;}
.coment{ font-size:14px; text-align:justify; border:thin solid #FFE6E6; padding:7px;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em; background-color:#fff;}
h9{ font-size:16px; font-weight:600;}
.font2{font-size:11px;}
.gmbsuka{width:20px; height:20px;}
.fotocover{ width:100%; height:330px;}
#paper {
    background: none repeat scroll 0 0 white;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ccc;
    float: left;
    min-height: 700px;
    transform: rotate(-2deg);
    width: 96%;
    z-index: 2;
}
#page {
    background: none repeat scroll 0 0 white;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ccc;
    float: left;
    margin: 0 0 0 -95%;
    min-height: 500px;
    padding: 20px 20px 20px;
    transform: rotate(0deg);
    width: 95%;
    z-index: 3;
}
@font-face {font-family:'FGApril_trial';src: url("../fonts/FGApril_trial.ttf");}

.font-test {font-family:'FGApril_trial';font-size:18px; margin-top:5px; margin-bottom:5px; text-transform:capitalize; font-weight:600}
.padd3{ padding-right:60px}

/* tooltip *//*
a.tooltip {outline:none;text-decoration:none;border-bottom:dotted 1px blue;} a.tooltip strong {line-height:30px;} a.tooltip > span { width:200px; padding: 10px 20px; margin-top: 20px; margin-left: -85px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-family: Arial; font-size: 12px; font-style: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; box-shadow: 2px 2px 2px #999; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; } /*a.tooltip > span:hover,*/ /*a.tooltip:hover > span { opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:50px; display: inline; margin-left: -60px; } a.tooltip span b { width: 15px; height: 15px; margin-left: 20px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: inset -1px 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; display: none\0/; *display: none; } a.tooltip > span { color: #000000; background: #FBF5E6; background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 ); border: 1px solid #CFB57C; } a.tooltip span b { background: #FBF5E6; border-top: 1px solid #CFB57C; border-right: 1px solid #CFB57C; }*/

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.judulprofil{ padding-bottom:35px; font-size:20px; font-weight:600; text-transform:capitalize; color:#333333;}
.chat-body{
width:auto;
position:relative;
}
.chat-text{
border:1px #aaa solid;
background-color:white;
padding:10px;
-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */
	 
	box-shadow:0px 0px 5px #aaa;
	-moz-box-shadow:0px 0px 5px #aaa;
	-webkit-box-shadow:0px 0px 5px #aaa;
}
.arrow-border{ 
position:absolute;
width:0px;
border-style:solid;
	 
/* warna border dg urutan:  atas kanan bawah kiri */
/* warna atas sesuaikan dg warna border chat-text, disini pakai #aaa */
border-color:transparent #aaa transparent transparent;
	 
/* tebal border dg urutan: atas kanan bawah kiri*/
/*border-width:0px 50px 50px 50px;   
	 
	 border-color: red green blue orange;
border-style:solid;*/
   border-width:15px 25px 15px 15px;
   
	 
	 
	 
	 
	 
margin-left:-100px; /* posisi segitiga agar sedikit ke tengah */
/* khusus IE IE */
	_border-right-color:pink;
	_border-left-color:pink;
	_filter:chroma(color=pink);
}

.arrow-background{
position:absolute;
width:0px;
border-style:solid;
	/* warna atas sesuaikan dengan warna background chat box disini digunakan white */
	border-color:transparent white transparent transparent;
	/* ketebalan border sesuaikan dgn arrow-border */
	border-width:15px 25px 15px 15px;
	margin-left:-100px;
	 
	/* sesuai ketebalan border */
	margin-top:-1px;
	}

.padd4{ padding-left:10px; padding-right:10px;}	
.padd5{ padding-left:15px;}	
.margin1{ margin-left:15px;}
.abu{color:#999999}
.abu2{color:#CCCCCC}
.padd8{padding-left:0;}
.pagebuku{height:24px; width:60px;}
.tgl{background-color:#999999; background-repeat:no-repeat; width:230px; height:50px; font-size:10px; color:#FFFFFF; text-align:center; font-weight:normal;  
	box-shadow:0px 0px 10px #aaa;
	-moz-box-shadow:0px 0px 10px #aaa;
	-webkit-box-shadow:0px 0px 10px #aaa;
	
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	-khtml-border-radius: 10px; /* Linux browsers */
	border-radius: 10px; /* Opera 10.50, IE and CSS3 */}
.fotocomment{width:50px; height:50px;}
.greycol{ color:#999999; font-weight:normal;}
.fontdrop{background-color:#FFFFFF; border-bottom:#CCCCCC thin dotted; color:#333333}
.kotaktext{width:100%; text-align:justify; min-height:200px;}
.kotakexcerpt{width:100%; text-align:justify; min-height:50px;}
.tombolcari{ padding:0; margin:0; height:30px; width:30px;}
.padd6{ padding-right:2px;}
.hoverTable{
		width:100%; 
		border-collapse:collapse; 
		background-color:#E6E6E6;
		font-size:12px;
	}
	.hoverTable td{ 
		padding:2px; border:#CCCCCC 1px solid; cursor:pointer;  min-height:22px;
		
	}
	.hoverTable th{ 
		background-color:#47D147;
		padding:7px; border:#CCCCCC 1px solid;
		color:#fff;
	}
	/* Define the default color for all the table rows */
	.hoverTable tr:nth-child(odd){
		background: #fff;  min-height:22px;
	}
	/* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
          background-color: #E0FFD1;  min-height:22px;
    }
	.hoverTable tr:nth-child(odd) td:hover {
          background-color: #E0FFD1;  min-height:22px;
    }
.hijaugelapjudul{color:#145214}
.hijaumuda{ color:#248F24}
.shadow{-webkit-box-shadow: 0 5px 20px #E6E6E6;
  -moz-box-shadow: 0 5px 20px #E6E6E6;
  box-shadow: 0 5px 20px #E6E6E6;}
.utklogin{
border:thin dashed #CCCCCC; margin:5px; padding:10px;
-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	-khtml-border-radius: 10px; /* Linux browsers */
	border-radius: 10px; /* Opera 10.50, IE and CSS3 */}}

.triangles{
overflow: hidden;
padding: 20px;
margin: 20px;
border: 2px solid #000;
}
.triangle{
margin:0px;
float: left;
}
.topright{
width: 0;
height: 0;
border-top: 50px solid #333;
border-left: 50px solid transparent;
}
.textrecentpost{font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#333}/*font-family:'Questrial', sans-serif;*/
.padd7{padding-left:0px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#333}
.padd9{padding-left:50px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666666}
.textpadd9{font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666666}
.padd8{padding-left:0px;}
.imgukuran{width:105px; height:130px; display:block; margin:2px; background-color: #fff;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    display: inline-block;
    line-height: 1.42857;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;}
.imgukuran2{width:75px; height:90px; display:block; margin:2px; background-color: #fff;
    /*border: 1px solid #ddd;
    border-radius: 4px;*/
    display: inline-block;
    line-height: 1.42857;
    /*padding: 4px 4px 4px 6px;*/
    transition: all 0.2s ease-in-out 0s;}

.font10{font-size:10px; color:#333}
.font11{color:#333; font-size:8px;}
.fontjudul{font-size:14px; cursor:pointer; color:#000; font-weight:600}
.ketebalan{font-weight:600; color:#666666}
.fontjudul3{font-size:15px; cursor:pointer; color:#fff;float:right;}
.fontjudul2{font-size:14px; cursor:pointer; color:#000;}
.imgkiri{float:left; width:10%}
.judulceritaterbaru{background-color:#000; padding:5px; font-size:14px; color:#fff; font-weight:600; margin-top:15px; margin-bottom:15px;}
.judulceritaterbaru2{border-bottom:medium solid #F6AF97; padding:5px; font-size:20px; color:#fff; font-weight:600; margin-top:8px; margin-bottom:15px; color:#000}
.kolomtengah{background-color:#ededed; color:#FFFFFF}
.hr4{border-bottom:1px dotted #FFFFFF; border-top:none;}
.hr5{border-bottom:1px dotted #CCCCCC; border-top:none;}
.margin2{padding-top:7px; padding-bottom:7px;}
.box {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #c1c1c1;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.box-info {
  border-top-color: #00c0ef;
}
.box-solid {
  border-top: 0px;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222222 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.box-primary {
  border-top-color: #3c8dbc;
}
/*STYLES FOR CSS POPUP*/


#blanket {
   background-color:#111;
   opacity: 0.65;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	border:thin solid #CCCCCC;
	z-index: 9002;
	padding:20px;
	color : #fff;
}

#popUpDiv a {position:relative; top:20px; left:20px}

#popUpDiv2 {
	position:absolute;
	border:thin solid #CCCCCC;
	z-index: 9002;
}

#popUpDiv2 a {position:relative; top:20px; left:20px}
.kolom1{width:40%; text-align:left; color:#999999; font-size:14px;}
.kolom2{width:60%; padding-left:5px; color:#999999; font-size:14px;}

.tp-control-arrows {
height: 40px;
float: left;
}
.tp-control-pages {
height: 40px;
}
.pager222 {
list-style: none;
}
.tp-control-arrow-left {
background: #777777;
color: #FFFFFF;
cursor: pointer;
float: left;
margin: 0 5px;
padding: 5px 10px;
}
.tp-control-arrow-right {
background: #777777;
color: #FFFFFF;
cursor: pointer;
float: left;
margin: 0 5px;
padding: 5px 10px;
}
.tp-control-arrow-left.unactive {
background: #eee;
}
.tp-control-arrow-right.unactive {
background: #eee;
}
.tp-page {
background-color: #D2322D;
border: 1px solid #AC2925;
color: #FFF;
cursor: pointer;
float: left;
padding: 5px 10px;
}
.tp-page.active {
background-color: #DEA9A8;
color: #900;
}

.fixedheader{position:fixed; z-index:99; padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
h10{
	color: #FF7519;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 4px 0px #555, 0px 2px 0px #444, 0px 2px 0px #333, 0px 2px 4px #001135;
	font: 40px 'ChunkFiveRegular';
}

.panah {
    width: 130px;
    height: 50px;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;
	cursor:pointer;
}

.panah:hover {
    width: 200px;
    height: 130px;
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
}

.colormenu{color:#999999; font-family:'Niconne',cursive;}
.sticky {
    position:fixed;
    top:0;
	width:100%;
}
.menu-padding {
    padding-top:10px;
}
.affix
{
    top: 0;
}

.navbar-form input, .form-inline input {
	width:auto;
}


#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
h7{ font-weight:bold; text-transform:uppercase;}
#navbar-fixed.affix {
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%
}
.borderacara1{border: thin dotted #ccc; background-color:#19D175; min-height: 120px}
.borderacara2{border: thin dotted #ccc; background-color:#ccc; min-height: 120px}
.unactivetab{background-color: #ccc;border:1px solid #7C7C5F;border-radius: 4px 4px 0px 0px;border-bottom:none;padding:2px;}
.activetab {background-color:#fff;border:1px solid #D4CFCF;border-radius: 4px 4px 0px 0px;padding:2px;border-bottom:none;}
.calendar{
    margin:.25em 10px 10px 0;
    padding-top:5px;
    float:left;
    width:80px;
    background:#ededef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
    background: -moz-linear-gradient(top,  #ededef,  #ccc);
    font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
    text-align:center;
    color:#000;
    text-shadow:#fff 0 1px 0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    position:relative;
    -moz-box-shadow:0 2px 2px #888;
    -webkit-box-shadow:0 2px 2px #888;
    box-shadow:0 2px 2px #888;
    }

.calendar em{
    display:block;
    font:normal bold 11px/30px Arial, Helvetica, sans-serif;
    color:#fff;
    text-shadow:#00365a 0 -1px 0;
    background:#04599a;
    background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
    background:-moz-linear-gradient(top,  #04599a,  #00365a);
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top:1px solid #00365a;
    }

.calendar:before, .calendar:after{
    content:'';
    float:left;
    position:absolute;
    top:5px;
    width:8px;
    height:8px;
    background:#111;
    z-index:1;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 1px #fff;
    -webkit-box-shadow:0 1px 1px #fff;
    box-shadow:0 1px 1px #fff;
    }
.calendar:before{left:11px;}
.calendar:after{right:11px;}

.calendar em:before, .calendar em:after{
    content:'';
    float:left;
    position:absolute;
    top:-5px;
    width:4px;
    height:14px;
    background:#dadada;
    background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background:-moz-linear-gradient(top,  #f1f1f1,  #aaa);
    z-index:2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }
.calendar em:before{left:13px;}
.calendar em:after{right:13px;}

.judulheaderatas{font_family:'neutra_text_book_italic';}

@font-face {
font-family: 'neutra_text_bold';
src: url("../fonts/neutra_text_bold.otf");
}

@font-face {
font-family: 'neutra_text_book';
src: url("../fonts/neutra_text_book.otf");
}
@font-face {
font-family: 'neutra_text_book_italic';
src: url("../fonts/neutra_text_book_italic.otf");
}
@font-face {
font-family:'olivier_demo';
src: url("../fonts/olivier_demo.ttf");
}

.tips1{font-family: 'Lobster', cursive; font-size:20px;}
.fonttip{font-family: 'Aclonica', sans-serif; font-size:12px; padding-left:40px}
.fontfooter{font-size:14px; color:#fff: text-poition:bottom;}
.fonttggwp{font-family: 'Questrial', sans-serif; font-size: 16px; line-height:25px;}
.ukuraniconpanduan{font-size:50px; color:#bce8f1}
.iconpanduan{border: 2px dotted #bce8f1; padding:8px; border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em; }